/**
 * Author: guoyao
 * Time: 07-24-2013 18:10
 * Blog: http://www.guoyao.me
 */

@import "../../less/variables";
@import "../../less/mixins";

a {
  &:hover, &:focus {
    text-decoration: none;
  }
  &:focus, &:active {
    outline: none;
  }
}

#top-nav
{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background-color: #000000;
  a {
    color: @gray-light;
    &:hover, &:focus, &.active {
      color: #ffffff;
    }
  }
}

#project-description {
  color:  #ffffff;
  text-align: center;
  background-color: #2C143F;
  margin-top: 40px;
  _margin-top: 0;
  margin-bottom: 15px;
  padding-top: @padding-base-vertical;
  a {
    margin-right: @padding-large-horizontal;
    color: #dfdfdf;
    &:hover, &:focus {
      color: #ffffff;
    }
  }
  span {
    color: @gray-light;
  }
  div {
    margin-top: @padding-large-vertical;
    padding: 10px 0 5px 0;
    *padding-bottom: 10px;
    background-color: @gray-lightest;
    border-top: @border-weight @border-type #050132;
    border-bottom: @border-weight @border-type @border-color;
  }
}

#navigator {
  margin-bottom: 15px;
  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: @border-weight @border-type @border-color;
    .border-radius(@border-radius-large);
    background-color: #f9f9f9;
  }
  a {
    display: block;
    padding: @padding-base-vertical @padding-base-horizontal;
    border-bottom: @border-weight @border-type @border-color;
    &:hover, &:focus {
      background-color: lighten(@gray-lighter, 2%);
    }
    &.active {
      background-color: @gray-lighter;
    }
  }
  li {
    &:first-child a {
      .border-top-radius(@border-radius-large);
    }
    &:last-child a {
      border-bottom: 0;
      .border-bottom-radius(@border-radius-large)
    }
  }
}

#shell {
  overflow: auto;
  min-height: 600px;
  margin-bottom: 15px;
  text-align: left;
  word-wrap: break-word;
  border: @border-weight @border-type @border-color;
  .border-radius(@border-radius-large);
}

.centered {
  .centered();
}

.module-container {
  padding: @padding-base-vertical @padding-base-horizontal;
}

.text-centered {
  text-align: center;
}

.code-label {
  color: #006400;
}

/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
  _border: 1px solid #eee;
  h4 {
    margin-top: 0;
  }
  p:last-child {
    margin-bottom: 0;
  }
  code, .highlight {
    background-color: #fff;
  }
}

/* Variations */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}


// ie-patch
//-----------------------------------------------------------------------
.gui-btn {
  *margin-right: 5px;
}